import request from "../../request/request"
Page({

  /**
   * 页面的初始数据
   */
  data: {
    // 左侧导航栏数据
    leftNav: [],
    // 右侧内容的数据
    rightCon: [],
    // 左侧索引值
    cur: 0,
    // 右侧向上卷曲值
    scrollTopVal: 0
  },
  // 临时数据
  cateData: [],
  // 获取分类数据
  getCateData(index) {
    request({
      url: "categories",
    }).then(res => {
      this.cateData = res.data.message;
      console.log(this.cateData);
      // 把左侧nav需要用到的数据存到leftNav属性
      let arr = this.cateData.map(item => {
        return item.cat_name;
      })
      // 右侧content需要用到的数据存到rightCon属性
      let data = this.cateData[index].children
      console.log(data);
      this.setData({
        leftNav: arr,
        rightCon: data
      })
      // 在这里使用wx缓存存储临时数据--->localStorage  ---> 属性值必须是字符串   先要调用这个JSON.Stringify()把复杂数据转成字符串
      // wx.setStorageSync('属性名','属性值')    属性名自定义，属性值可以是复杂数据结构,把res.data.message存到缓存里去
      wx.setStorageSync('abc', {
        data: res.data.message
      })
    })
  },
  // 点击左侧导航事件
  changeCur(e) {
    // console.log(e.currentTarget.dataset.abc);
    this.setData({
      cur: e.currentTarget.dataset.abc,
      scrollTopVal: 0
    })


    this.getCateData(this.data.cur)


  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    let cates = wx.getStorageSync('abc')
    if (!cates) {
      this.getCateData(this.data.cur)
    } else {
      // console.log("有数据");
      this.cateData = cates.data;
      // 把左侧nav需要用到的数据存到leftNav属性
      let arr = this.cateData.map(item => {
        return item.cat_name;
      })
      // 右侧content需要用到的数据存到rightCon属性
      let data = this.cateData[this.data.cur].children
      this.setData({
        leftNav: arr,
        rightCon: data
      })
    }
    // wx.getStorageSync('属性名')
    // 先判断一下缓存里是否存在对应的缓存，如果没有就去发送请求

    // 如果没有，直接用缓存里的值，给leftNav和rightCon赋值
  }


})